<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!--引入vue-->
		
		<script src="js/vue.js"></script>
	</head>
	<body>
		<div id="app">
			<!--视图  -->
			姓名：{{name}} <br>
			年龄：{{age}}万<br/>
			性别：{{sex}}<br>
			身高：{{h}}m<br>
			体重：{{w}}吨
			<hr>
			<input v-model="name" type="text">
			<hr />
			{{msg}}
			<p v-text='msg'></p>
			<p v-html="msg"></p>
		</div>
		<script>
			const app = Vue.createApp({
				data(){    //静态属性  数据
					return{ 
						name:'迪迦',
						age:3000,
						sex:'男',
						h:53,
						w:44000,
						msg:'hello <b>vue<b/>!'
					}
				}
			}).mount("#app")
		</script>
	</body>
</html>